<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<f:view>
	<h:head>
		<title>Registro de Persona</title>
		<meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
		<link type="text/css" rel="stylesheet" href="css/default.css" />
		<link type="text/css" rel="stylesheet" href="themes/owner/skin.css" />
		<style type="text/css">
body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	background: url('images/fond1.jpg');
}

.ui-widget {
	font-size: 75%;
}

.nestedUnit {
	border: 0px none !important
}

.ui-layout-center .ui-layout-resizer {
	border: 1px solid #A8A8A8;
}

.ui-tree-item span {
	float: left;
}

.ui-tree {
	border: 0px none;
}

.ui-tabs {
	border: 0px none;
}
</style>
	</h:head>

	<p:dialog modal="true" widgetVar="statusDialog"
		header="Enviando formulario del Proceso..." draggable="false"
		closable="false" closeOnEscape="false" resizable="false">
		<p:graphicImage value="/design/ajaxloadingbar.gif" />
	</p:dialog>
	<div align="center">
		<p:panel header="Formulario de Datos" id="formulario"
			style="width: 970px; height:750px; width:margin: auto">
			<h:form id="formDeclaracion">
				<table align="center">
					<tr>
						<td width="510">
							<div align="center">
								<iframe width="500" height="675"
									src="ServletDeclaracionJuradaPdf?nombredeclaracion=#{personaBM.nombreArchivoDeclaracionJurada}&amp;wmode=Opaque" />
							</div>
						</td>
						<td width="460"><h:panelGrid columns="1"
								style="margin: auto;">
								<h2 align="center">
									<font color="#ff0000"><em>Favor de revisar el texto
											de la declaraci&oacute;n jurada, si esta conforme imprima el
											documento y f&iacute;rmelo</em></font>
								</h2>

								<p:panel header="Subir Declaración Jurada del Usuario">
									<p:outputPanel id="subidaPDF">
										<p:commandLink immediate="true"
											oncomplete="upFileReqRegUser.show()">
											<h:graphicImage url="/images/botton/uploadFiles.png"
												title="Subir archivo" style="border:0" />
										</p:commandLink>
										<h:outputText
											value="#{personaBM.nombreDelPDF_DeclaracionJurada}"
											disabled="true"
											style="width: 100%; font-weight: bold; color:#000000;"
											id="nombreImagen" />
										<h:inputText id="nomArchivo"
											value="#{personaBM.nombreDelPDF_DeclaracionJurada}" 
											required="true" requiredMessage="Usted debe subir un archivo"/>
										<p:commandLink update="msjA nombreImagen"
											actionListener="#{personaBM.eliminarRequisitoSeleccionado}">
											<h:graphicImage url="/images/botton/deleteFiles.png"
												title="Eliminar archivo subido" style="border:0" />
										</p:commandLink>
										<br/>
										<p:message for="nomArchivo" />
										
									</p:outputPanel>
								</p:panel>


								<p:captcha label="Captcha" language="es" theme="white"
									required="true"
									requiredMessage="El texto ingresado no coincide con la capcha" />

								<h:panelGrid columns="3" style="margin: auto;">
									<p:commandLink update="msjA" action="#{personaBM.insertar}"
										ajax="false" onclick="statusDialog.show();">
										<h:graphicImage value="images/botton/completereg.png"
											style="border:0;width: 120px; height: 50px;"
											title="Completar registro de la persona" />
									</p:commandLink>
									<p:spacer width="20" />
									<p:commandLink update="msjA"
										action="#{personaBM.cancelarSuscripcion}" ajax="false"
										onclick="statusDialog.show();" immediate="true">
										<h:graphicImage value="images/botton/cancelreg.png"
											style="border:0;width: 120px; height: 50px;"
											title="Cancelar Suscripcion de la Persona" />
									</p:commandLink>
								</h:panelGrid>
							</h:panelGrid></td>
					</tr>


				</table>
			</h:form>
		</p:panel>
	</div>
	<p:growl life="3000" showDetail="true" id="msjRegUs" autoUpdate="true" />
	<p:idleMonitor timeout="100000" onidle="idleDialog.show()" />

	<p:dialog header="Restauración del Sistema" resizable="false"
		widgetVar="idleDialog" modal="true" width="400">
		<div align="right">
			<h:form>
				<p:commandButton value="Restaurar Sessión" ajax="false" />
			</h:form>
		</div>
	</p:dialog>
	<p:dialog modal="true" widgetVar="statusDialogRegProc"
		header="Enviando formulario del Proceso..." draggable="false"
		closable="false" closeOnEscape="false">
		<p:graphicImage value="/design/ajaxloadingbar.gif" />
	</p:dialog>

	<p:growl showDetail="true" id="msjA" autoUpdate="true" />

	<h:form id="formSubReqRegUsuario">
		<p:dialog header="Click aquí para buscar el archivo"
			widgetVar="upFileReqRegUser" width="425" height="185"
			resizable="false" showEffect="fade" hideEffect="explode"
			draggable="false" modal="true" style="border: 0;"
			onCloseUpdate="upFileReqRegUser.hide();">
			<div align="center">
				Solo podrá subir archivos con extensión pdf <br />
				<p:fileUpload auto="true" id="uploadFile" label="Examinar ..."
					fileUploadListener="#{personaBM.accionFileUploadDeclaracionJurada}"
					customUI="true" sizeLimit="4194304"
					style="background: url('images/botton/browse.png') no-repeat;
												background-position: center bottom; width: 110px; 
												height: 30px; border:0"
					update="formDeclaracion:subidaPDF msjA"
					oncomplete="upFileReqRegUser.hide();" allowTypes="*.pdf;"
					description="Archivos PDF" />
			</div>
			<br />&nbsp;<br />
		</p:dialog>
	</h:form>
</f:view>
</html>